<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<table width="1000px" border="0" style="margin: 0px auto">
  <tbody>
    <tr>
      <td align="left">
        <table width="495px" border="0">

  <tbody>
    <tr>
      <th colspan="3" align="left" style="text-align: left;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
border-bottom: 1px solid #CCC;
background-color: #EEE;
background-image: -moz-linear-gradient(center top , #F5F5F5, #EEE);font-size: 15px;">windows软件      </th>
      </tr>
     <c:forEach items = "${resources_wList}" var ="resources"  >
     
     
    <tr>
      <td width="6" align="center"><img src="<%=request.getContextPath()%>/js/images/list_icon.jpg" width="5" height="8" alt=""/></td>
      <td width="63%" align="left" valign="middle"><a href="resource?id=${resources.id}"> ${ resources.resourceName} </a></td>
      
      <td width="50%" align="right" name="cDate" date="${resources.creatDate }"></td>
    </tr>
    </c:forEach>
    
  </tbody>
</table>

      </td>
      <td>
       <table width="495px" border="0">
       
       <tbody>
    <tr>
      <th colspan="3" align="left" style="text-align: left;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
border-bottom: 1px solid #CCC;
background-color: #EEE;
background-image: -moz-linear-gradient(center top , #F5F5F5, #EEE);font-size: 15px;">Ubuntu软件      </th>
      </tr>
    <c:forEach items = "${resources_uList}" var ="resources"  >
     
     
    <tr>
      <td width="6" align="center"><img src="<%=request.getContextPath()%>/js/images/list_icon.jpg" width="5" height="8" alt=""/></td>
      <td width="63%" align="left" valign="middle"><a href="resource?id="+ ${ resources.id} > ${ resources.resourceName} </a></td>
      
      <td width="50%" align="right" name="cDate" date="${resources.creatDate }"></td>
    </tr>
    </c:forEach>
  </tbody>
</table>
      </td>
    </tr>
    <tr>
      <td>
        <table width="100%" border="0">

  <tbody>
    <tr>
      <th colspan="3" align="left" style="text-align: left;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
border-bottom: 1px solid #CCC;
background-color: #EEE;
background-image: -moz-linear-gradient(center top , #F5F5F5, #EEE);font-size: 15px;">安装文档</th>
      </tr>
    <tr>
      <td width="6" align="left" >1</td>
      <td width="63%" align="left" valign="middle">office2010办公软件</td>
      <td width="50%" align="right">2015-11-12</td>
    </tr>
    <tr>
      <td width="6" align="left">2</td>
      <td align="left" valign="middle">winrar解压工具</td>
      <td align="right">2014-10-30</td>
    </tr>
    <tr>
      <td width="6" align="left">3</td>
      <td align="left" valign="middle">&nbsp;</td>
      <td align="right">&nbsp;</td>
    </tr>
    <tr>
      <td width="6" align="left">4</td>
      <td align="left" valign="middle">&nbsp;</td>
      <td align="right">&nbsp;</td>
    </tr>
    <tr>
      <td width="6" align="left">5</td>
      <td align="left" valign="middle">&nbsp;</td>
      <td align="right">&nbsp;</td>
    </tr>
    <tr>
      <td width="6" align="left">6</td>
      <td align="left" valign="middle">&nbsp;</td>
      <td align="right">&nbsp;</td>
    </tr>
    <tr>
      <td width="6" align="left">7</td>
      <td align="left" valign="middle">&nbsp;</td>
      <td align="right">&nbsp;</td>
    </tr>
    <tr>
      <td width="6" align="left">8</td>
      <td align="left" valign="middle">&nbsp;</td>
      <td align="right">&nbsp;</td>
    </tr>
    <tr>
      <td width="6" align="left">9</td>
      <td align="left" valign="middle">&nbsp;</td>
      <td align="right">&nbsp;</td>
    </tr>
    <tr>
      <td width="6" align="left">10</td>
      <td align="left" valign="middle">&nbsp;</td>
      <td align="right">&nbsp;</td>
    </tr>
    <tr>
      <td width="6" align="left">11</td>
      <td align="left" valign="middle">&nbsp;</td>
      <td align="right">&nbsp;</td>
    </tr>
  </tbody>
</table>
      </td>
      <td>
        <table width="100%" border="0">

  <tbody>
    <tr>
      <th colspan="3" align="left" style="text-align: left;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
border-bottom: 1px solid #CCC;
background-color: #EEE;
background-image: -moz-linear-gradient(center top , #F5F5F5, #EEE);font-size: 15px;">其他软件      </th>
      </tr>
    <tr>
      <td width="6" align="left">1</td>
      <td width="63%" align="left" valign="middle">office2010办公软件</td>
      <td width="50%" align="right">2015-11-12</td>
    </tr>
    <tr>
      <td width="6" align="left">2</td>
      <td align="left" valign="middle">winrar解压工具</td>
      <td align="right">2014-10-30</td>
    </tr>
    <tr>
      <td width="6" align="left">3</td>
      <td align="left" valign="middle">&nbsp;</td>
      <td align="right">&nbsp;</td>
    </tr>
    <tr>
      <td width="6" align="left">4</td>
      <td align="left" valign="middle">&nbsp;</td>
      <td align="right">&nbsp;</td>
    </tr>
    <tr>
      <td width="6" align="left">5</td>
      <td align="left" valign="middle">&nbsp;</td>
      <td align="right">&nbsp;</td>
    </tr>
    <tr>
      <td width="6" align="left">6</td>
      <td align="left" valign="middle">&nbsp;</td>
      <td align="right">&nbsp;</td>
    </tr>
    <tr>
      <td width="6" align="left">7</td>
      <td align="left" valign="middle">&nbsp;</td>
      <td align="right">&nbsp;</td>
    </tr>
    <tr>
      <td width="6" align="left">8</td>
      <td align="left" valign="middle">&nbsp;</td>
      <td align="right">&nbsp;</td>
    </tr>
    <tr>
      <td width="6" align="left">9</td>
      <td align="left" valign="middle">&nbsp;</td>
      <td align="right">&nbsp;</td>
    </tr>
    <tr>
      <td width="6" align="left">10</td>
      <td align="left" valign="middle">&nbsp;</td>
      <td align="right">&nbsp;</td>
    </tr>
    <tr>
      <td width="6" align="left">11</td>
      <td align="left" valign="middle">&nbsp;</td>
      <td align="right">&nbsp;</td>
    </tr>
  </tbody>
</table>
      </td>
    </tr>
  </tbody>
</table>
<script  type="text/javascript"> 
 $(function(){
   console.log($("td[name='cDate']").size()) ;
   $("td[name='cDate']").each(function(){
   var date = $(this).attr("date") ;
   var dateStr = $(this).attr("date").substr(0, 10)
   $(this).html(dateStr) ;
   })
   
  })
   
 
</script>